<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>注册页面</title>
	</head>
	<body>
		<form action="" method="post" align="middle">
			<legend align="middle">注册页面</legend><br/>
			用户名：<input type="text" name="用户名：" id="username" value="" /><br/>
			密码：<input type="password" name="密码：" id="pwd" value="" /><br/>
			性别：<input type="radio" name="性别：" id="male" value="" />男
				 <input type="radio" name="性别：" id="female" value="" />女<br/>
			学院：<select name="学院：" id="college" value="college">
				<option value="1">北京大学</option>
				<option value="2">清华大学</option>
				<option value="3">武汉大学</option>
				<option value="4">上海交通大学</option>
				<option value="5">北京邮电大学</option>
				<option value="6">上海海洋大学</option>
				<option value="7">西南科技大学</option>
			</select><br/>
			爱好：
			篮球<input type="checkbox" name="爱好：" id="basketball" value="" />
			足球<input type="checkbox" name="爱好：" id="football" value="" />
			羽毛球<input type="checkbox" name="爱好：" id="badmiton" value="" /><br/>			
			自我介绍：<textarea rows="5" cols="10" name="自我介绍：" id="introduce"></textarea><br/><br/>
			<button type="submit" id="sub">提交</button>
			
		</form>
	</body>
	<script type="text/javascript">
			var ob1 = document.getElementsByName('学院：');
			console.log(ob1);
			
			var ob2 = document.getElementsByTagName('input');
			console.log(ob2);
			
			var ob3 =document.getElementById('username');
			console.log(ob3);
			
			var ob4 =document.getElementById('pwd');
			console.log(ob4);
			
			var ob5 =document.getElementById('male');
			console.log(ob5);
			var ob6 =document.getElementById('female');
			console.log(ob6);
			
			var ob7 =document.getElementById('introduce');
			console.log(ob7);
	</script>
</html>
